import { DemoBlock } from 'demos'
import { Qrcode } from 'grace-design'
import React from 'react'

export default () => {
  return (
    <>
      <DemoBlock title="基础二维码">
        <Qrcode value="test" />
      </DemoBlock>

      <DemoBlock title="高等级二维码">
        <Qrcode value="test" level="H" />
      </DemoBlock>

      <DemoBlock title="带图标的二维码">
        <Qrcode
          value="test"
          level="H"
          imageSettings={{
            src: 'https://twmw.oss-ap-southeast-1.aliyuncs.com/aliyun-oss/avatar.png',
            width: 40,
            height: 40,
            x: 40,
            y: 40,
            excavate: true,
          }}
        />
      </DemoBlock>
    </>
  )
}
